<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>tab跳转</title>
  <link rel="stylesheet" href="../css/tab.css">

</head>
<body>
    <!-- 头部 -->
    <header>
      <div class="header-wrap">
        <div class="back-index" id="back-index">
          <a href="#" title="返回主页">
            <span class="logo">
              <img src="../static/image/logo.png" alt="返回主页">
            </span>
            <span>
              <img src="../static/image/logo-word.png" alt="">
            </span>
          </a>
        </div>
        
        <div class="search">
          <div class="s-wrap">
            <span class="iconfont icon-sousuo"></span>
            <input type="text" placeholder="搜索商品，发现更多优惠">
            <a class="search-btn" id="search-btn">搜索</a>
            <ul class="s-history" id="s-history">
              <li>记录1</li>
              <li>记录2</li>
              <li>记录3</li>
              <li>记录4</li>
            </ul>
          </div>
        </div>
  
        <ul class="tips">
          <li>
            <img src="../static/image/tips1.png" alt="">
            <span>全程包邮</span>
          </li>
          <li>
            <img src="../static/image/tips2.png" alt="">
            <span>7天退换</span>
          </li>
          <li>
            <img src="../static/image/tips3.png" alt="">
            <span>品质保证</span>
          </li>
        </ul>
      </div>
    </header>
  
    <!-- 导航区域 -->
    <div class="nav">
      <div class="nav-wrap">
        <ul>
          <li class="active">首页</li>
          <li>9块9包邮</li>
          <li>超值大额卷</li>
          <li>夏季女装上新</li>
        </ul>
      </div>
    </div>

    <div class="container">
      <div class="content-wrap">
        <div class="content-title">
          <!-- <h2>超值大额卷</h2> -->
        </div>

        <div class="content-menu">
          <!-- <ol>
            <li class="ac">精选女</li>
            <li>美妆护肤</li>
            <li>小家电</li>
            <li>箱包</li>
            <li>服装配饰</li>
          </ol> -->
       </div>

       <div class="daily-show">
    
    
        <ul class="show-list">
           <!-- 一条商品 -->
           <li class="show-item">
            <div class="show-img">
              <img src="" alt="">
            </div>
    
            <div class="show-msg">
              <div class="show-title">
                300张抽纸打包纸巾整箱家用卫生纸餐巾纸家庭实惠装擦手面巾纸
              </div>
    
              <div class="show-keyword">
                <span class="keyword taobao">淘宝</span>
                <span class="keyword">大额券</span>
                <span class="keyword free-postage">包邮</span>
              </div>
    
              <div class="show-foot">
                <div class="left">  
                  <span class="price">
                    <span class="price-tag">￥</span>
                    <span class="price-strong">3</span>
                    <span class="digit">.9</span>
                  </span>
                  <span class="sale-num">10.1万人已买</span>
                </div>
                
                <span class="coupon-value">3元劵</span>
              </div>
            </div>
          </li>
        </ul>
    
    
      </div>
      </div>
    </div>

    <script src="../lib/jQuery/jquery-3.6.0.min.js"></script>
    <script src="../js/tab.js"></script>
</body>
</html>